import React, { useCallback, useState } from 'react'
export default function App() {
    let [count, setCount] = useState(10)
    // 1. 回调函数还是每次执行都重复被创建了，同useEffect的用法
    // const addCount = useCallback(()=>{
    //     setCount(count + 1);
    // });

    // 2. 函数只创建一次，App挂载的时候被创建
    const addCount = useCallback(()=>{
        // setCount(count + 1);  // 值永远是11，因为只能取到初始值
        setCount(count=>{ // 取useState缓存空间里的count值，最新的变化后的count值
            return count + 1
        })
    },[]);
    return (
        <div>
            <p>count: {count}</p>
            <p><button onClick={addCount}>count++</button></p>
        </div>
    )
}
